            <?php
           // if (!empty($root3_key)) echo '<li><a href="./danh-muc/'.$root3_id.'-'.$root3_key.'.html"> '.$root3_name.'</a><span>&gt;</span></li>';
//            if (!empty($root2_key)) echo '<li><a href="./danh-muc/'.$root2_id.'-'.$root2_key.'.html"> '.$root2_name.'</a><span>&gt;</span></li>';
//            if (!empty($root1_key)) echo '<li><a href="./danh-muc/'.$root1_id.'-'.$root1_key.'.html"> '.$root1_name.'</a><span>&gt;</span></li>';
//            if (!empty($root0_key)) echo '<li><a href="./danh-muc/'.$root0_id.'-'.$root0_key.'.html"> '.$root0_name.'</a><span>&gt;</span></li>';
            ?>
<section id="content">
        	<div id="breadcrumb-container">
        		<div class="container">
					<ul class="breadcrumb">
						<li><a href="index-2.html">Trang chủ</a></li>
						<li class="active">Sản phẩm</li>
					</ul>
        		</div>
        	</div>
        	<div class="container">
        		<div class="row">
        			<div class="col-md-12">
        				
        				<div class="row">
        				
        				<div class="col-md-6 col-sm-12 col-xs-12 product-viewer clearfix">
        					<div id="product-image-container">
        						<figure><img src="<?php echo  PRO.$info['img'] ?>" alt="<?php echo $info['alt_vn'] ?>" id="product-image" data-big="images/products/big-jacket1.jpg">
        							<figcaption class="item-price-container">
										<span class="old-price">$160</span>
										<span class="item-price">$120</span>
									</figcaption>
        						</figure>
        					</div><!-- product-image-container -->        				 
        				</div><!-- End .col-md-6 -->

        				<div class="col-md-6 col-sm-12 col-xs-12 product">
                        <div class="lg-margin visible-sm visible-xs"></div><!-- Space -->
        					<h1 class="product-name"><?php echo $info['name'] ?></h1>
        					
        				<ul class="product-list">
        					<li><span>Tình trạng:</span><?php echo $info['tinhtrang'] ?></li>
        					<li><span>Mã sản phẩm:</span><?php echo $info['code'] ?></li>
        					<li><span>Nhãn hiệu:</span><?php echo $info['xuatxu'] ?><pre><?php print_r($info)?></pre></li>
        				</ul>
        				<hr>
                        <div class="product-color-filter-container">
                            <span>Kích thước (Size):</span>
                            <div class="xs-margin"></div>
                            <ul class="filter-color-list clearfix">
                                <li><a href="#"  class="filter-color-box">cc</a></li>
                                <li><a href="#"  class="filter-color-box">xx</a></li>
                                <li><a href="#" class="filter-color-box">l</a></li>
                                <li><a href="#"  class="filter-color-box">m</a></li>
                                <li><a href="#"  class="filter-color-box">s</a></li>
                                <li><a href="#"  class="filter-color-box">sx</a></li>
                                <li><a href="#" data-bgcolor="#d1d2d4" class="filter-color-box">sl</a></li>
                            </ul>
                        </div><!-- End .product-color-filter-container-->
                        <hr>
							<div class="product-add clearfix">
								<div class="custom-quantity-input">
									<input type="text" name="quantity" value="1">
									<a href="#" onclick="return false;" class="quantity-btn quantity-input-up"><i class="fa fa-angle-up"></i></a>
									<a href="#" onclick="return false;" class="quantity-btn quantity-input-down"><i class="fa fa-angle-down"></i></a>
								</div>
								<button class="btn btn-custom-2">MUA HÀNG</button>
							</div><!-- .product-add -->
        					<div class="md-margin"></div><!-- Space -->
        					<div class="product-extra clearfix">
								<div class="product-extra-box-container clearfix">
									

								</div>
								<div class="md-margin visible-xs"></div>
								<div class="share-button-group">
									<!-- AddThis Button BEGIN -->
									<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
									<a class="addthis_button_facebook"></a>
									<a class="addthis_button_twitter"></a>
									<a class="addthis_button_email"></a>
									<a class="addthis_button_print"></a>
									<a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a>
									</div>
									<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
									<script type="text/javascript" src="../../../../s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52b2197865ea0183"></script>
									<!-- AddThis Button END -->
								</div><!-- End .share-button-group -->
        					</div>
        				</div><!-- End .col-md-6 -->
        					
        					
        				</div><!-- End .row -->
        				
        				<div class="lg-margin2x"></div><!-- End .space -->
        				
        				<div class="row">
        					<div class="col-md-9 col-sm-12 col-xs-12">
        						
        						<div class="tab-container left product-detail-tab clearfix">
        								<ul class="nav-tabs">
										  <li class="active"><a href="#overview" data-toggle="tab">Thông tin chi tiết</a></li>
										  <li><a href="#description" data-toggle="tab">Bình luận facebook</a></li>
										  
										</ul>
        								<div class="tab-content clearfix">
        									
        									<div class="tab-pane active" id="overview">
        										<?php echo $info['des_vn'] ?>
        									</div><!-- End .tab-pane -->
        									
        									<div class="tab-pane" id="description">
												<div class="fb-comments fb_iframe_widget" data-href="http://giaydonggia.net/xth516.html" data-width="480px" data-numposts="20" data-colorscheme="light" fb-xfbml-state="rendered">
                                                    <span style="height: 160px; width: 480px;">
                                                        <iframe id="f3c934e4ac" name="f1337faffc" scrolling="no" title="Facebook Social Plugin" class="fb_ltr" src="https://www.facebook.com/plugins/comments.php?api_key=663682556993857&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FW2xi4Tmu0YA.js%3Fversion%3D41%23cb%3Dfbe7a494c%26domain%3Dgiaydonggia.net%26origin%3Dhttp%253A%252F%252Fgiaydonggia.net%252Ff132aa2d84%26relation%3Dparent.parent&amp;colorscheme=light&amp;href=http%3A%2F%2Fgiaydonggia.net%2Fxth516.html&amp;locale=vi_VN&amp;numposts=20&amp;sdk=joey&amp;skin=light&amp;width=480" style="border: none; overflow: hidden; height: 160px; width: 480px;">
                                                            
                                                        </iframe>
                                                    </span>
                                                </div>
        									</div><!-- End .tab-pane -->
        									
        									
        									
        									<div class="tab-pane" id="additional">
        										<strong>Additional Informations</strong>
        										<p>Quae eum placeat reiciendis enim at dolorem eligendi?</p>
        										<hr>
        										<ul class="product-details-list">
        											<li>Lorem ipsum dolor sit quam</li>
        											<li>Consectetur adipisicing elit</li>
        											<li>Illum autem tempora officia</li>
        											<li>Amet  id odio architecto explicabo </li>
        											<li>Voluptatem  laborum veritatis</li>
        											<li>Quae laudantium iste libero</li>
        										</ul>
        									</div><!-- End .tab-pane -->
        									
        									
        								</div><!-- End .tab-content -->
        						</div><!-- End .tab-container -->
        						<div class="lg-margin visible-xs"></div>
        					</div><!-- End .col-md-9 -->
        					<div class="lg-margin2x visible-sm visible-xs"></div><!-- Space -->
        					<div class="col-md-3 col-sm-12 col-xs-12 sidebar">
        						<div class="widget related">
        							<h3>SẢN PHẨM CÙNG LOẠI</h3>
        						
        							<div class="related-slider flexslider sidebarslider">
        								<ul class="related-list clearfix">
                                        
        									<li>
        										<?php if(is_array($list_others) && count($list_others)){
                                            foreach($list_others as $data){
                                                if($data['id'] != $info['id']){?>
                                                
        										<div class="related-product clearfix">
        											<figure>
        												<img src="<?php echo THUMBS.$data['img']?>" alt="item2" width="100" height="100" class="img_related">
        											</figure>
        											<h5><a href="#"><?php echo $data['name'] ?></a></h5>
        											

        											<div class="related-price"><?php echo number_format($data['gia2']) ?></div><!-- End .related-price -->
        										</div><!-- End .related-product -->
        										<?php   }
                                            }
                                        } ?>
        									</li>
        								</ul>
        							</div><!-- End .related-slider -->
        						</div><!-- End .widget -->
        						
        					</div><!-- End .col-md-4 -->
        				</div><!-- End .row -->
        				<div class="lg-margin2x"></div><!-- Space -->
        				<div class="purchased-items-container carousel-wrapper">
                            <header class="content-title">
                                <div class="title-bg">
                                    <h2 class="title">Lựa chọn thêm</h2>
                                </div><!-- End .title-bg -->
                                <p class="title-desc">Lưu ý các sản phẩm tương tự - sau khi mua cho hơn $ 500, bạn có thể được giảm giá.</p>
                            </header>
                            
                                <div class="carousel-controls">
                                    <div id="purchased-items-slider-prev" class="carousel-btn carousel-btn-prev"></div><!-- End .carousel-prev -->
                                    <div id="purchased-items-slider-next" class="carousel-btn carousel-btn-next carousel-space"></div><!-- End .carousel-next -->
                                </div><!-- End .carousel-controllers -->
                                <div class="purchased-items-slider owl-carousel">
                                            <div class="item">
                                            
                                            <div class="item-image-container">
                                            <figure>
                                                <a href="product.html">
                                                    <img src="images/products/item3.jpg" alt="item3" class="item-image">
                                                    <img src="images/products/item3-hover.jpg" alt="item3 Hover" class="item-image-hover">
                                                </a>
                                            </figure>
                                                <div class="item-price-container">
                                                    <span class="item-price">$160<span class="sub-price">.99</span></span>
                                                </div>
                                                <span class="new-rect">Mới</span>
                                                <span class="discount-rect">-10%</span>
                                            </div><!-- End .item-image -->
                                            <div class="item-meta-container">
                                               

                                                <h3 class="item-name"><a href="product.html">Lorem Ipsum Dolla</a></h3>
                                                <div class="item-action">
                                                    <a href="#" class="item-add-btn">
                                                        <span class="icon-cart-text">GIỎ HÀNG</span>
                                                    </a>
                                                   

                                                </div><!-- End .item-action -->
                                            </div><!-- End .item-meta-container --> 
                                        </div><!-- End .item -->

                                            <div class="item">
                                            
                                            <div class="item-image-container">
                                            <figure>
                                                <a href="product.html">
                                                    <img src="images/products/phone3.jpg" alt="Phone 3" class="item-image">
                                                    <img src="images/products/phone3-hover.jpg" alt="Phone 3 Hover" class="item-image-hover">
                                                </a>
                                            </figure>
                                                <div class="item-price-container">
                                                    <span class="item-price">$99<span class="sub-price">.75</span></span>
                                                </div>
                                            </div><!-- End .item-image -->
                                            <div class="item-meta-container">
                                               

                                                <h3 class="item-name"><a href="product.html">Lorem Ipsum Dolla</a></h3>
                                                <div class="item-action">
                                                    <a href="#" class="item-add-btn">
                                                        <span class="icon-cart-text">GIỎ HÀNG</span>
                                                    </a>
                                                    

                                                </div><!-- End .item-action -->
                                            </div><!-- End .item-meta-container --> 
                                            </div><!-- End .item -->
                                            <div class="item">
                                            
                                            <div class="item-image-container">
                                            <figure>
                                                <a href="product.html">
                                                    <img src="images/products/headphones1.jpg" alt="Headphones 1" class="item-image">
                                                    <img src="images/products/headphones1-hover.jpg" alt="Headphones 1 Hover" class="item-image-hover">
                                                </a>
                                            </figure>
                                                <div class="item-price-container">
                                                    <span class="item-price">$79<span class="sub-price">.99</span></span>
                                                </div>
                                                <span class="new-rect">Mới</span>
                                            </div><!-- End .item-image -->
                                            <div class="item-meta-container">
                                                

                                                <h3 class="item-name"><a href="product.html">Lorem Ipsum Dolla</a></h3>
                                                <div class="item-action">
                                                    <a href="#" class="item-add-btn">
                                                        <span class="icon-cart-text">GIỎ HÀNG</span>
                                                    </a>
                                                    

                                                </div><!-- End .item-action -->
                                            </div><!-- End .item-meta-container --> 
                                        </div><!-- End .item -->

                                            <div class="item">
                                            
                                            <div class="item-image-container">
                                            <figure>
                                                <a href="product.html">
                                                    <img src="images/products/phone5.jpg" alt="item3" class="item-image">
                                                    <img src="images/products/phone5-hover.jpg" alt="item3 Hover" class="item-image-hover">
                                                </a>
                                            </figure>
                                                <div class="item-price-container">
                                                    <span class="old-price">$300</span>
                                                    <span class="item-price">$175</span>
                                                </div>
                                                <span class="new-rect">Mới</span>
                                                <span class="discount-rect">-35%</span>
                                            </div><!-- End .item-image -->
                                            <div class="item-meta-container">
                                               

                                                <h3 class="item-name"><a href="product.html">Lorem Ipsum Dolla</a></h3>
                                                <div class="item-action">
                                                    <a href="#" class="item-add-btn">
                                                        <span class="icon-cart-text">GIỎ HÀNG</span>
                                                    </a>
                                                  

                                                </div><!-- End .item-action -->
                                            </div><!-- End .item-meta-container --> 
                                        </div><!-- End .item -->

                                        <div class="item">
                                            
                                            <div class="item-image-container">
                                            <figure>
                                                <a href="product.html">
                                                    <img src="images/products/item4.jpg" alt="item3" class="item-image">
                                                    <img src="images/products/item4-hover.jpg" alt="item3 Hover" class="item-image-hover">
                                                </a>
                                            </figure>
                                                <div class="item-price-container">
                                                    <span class="item-price">$180<span class="sub-price">.99</span></span>
                                                </div>
                                                <span class="new-rect">Mới</span>
                                            </div><!-- End .item-image -->
                                            <div class="item-meta-container">
                                                

                                                <h3 class="item-name"><a href="product.html">Lorem Ipsum Dolla</a></h3>
                                                <div class="item-action">
                                                    <a href="#" class="item-add-btn">
                                                        <span class="icon-cart-text">GIỎ HÀNG</span>
                                                    </a>
                                                   
                                                </div><!-- End .item-action -->
                                            </div><!-- End .item-meta-container --> 
                                        </div><!-- End .item -->

                                        <div class="item">
                                            
                                            <div class="item-image-container">
                                            <figure>
                                                <a href="product.html">
                                                    <img src="images/products/item2.jpg" alt="item3" class="item-image">
                                                    <img src="images/products/item2-hover.jpg" alt="item3 Hover" class="item-image-hover">
                                                </a>
                                            </figure>
                                                <div class="item-price-container">
                                                    <span class="item-price">$89<span class="sub-price">.75</span></span>
                                                </div>
                                                <span class="new-rect">Mới</span>
                                            </div><!-- End .item-image -->
                                            <div class="item-meta-container">
                                                

                                                <h3 class="item-name"><a href="product.html">Lorem Ipsum Dolla</a></h3>
                                                <div class="item-action">
                                                    <a href="#" class="item-add-btn">
                                                        <span class="icon-cart-text">GIỎ HÀNG</span>
                                                    </a>
                                                   

                                                </div><!-- End .item-action -->
                                            </div><!-- End .item-meta-container --> 
                                        </div><!-- End .item -->

                                </div><!--purchased-items-slider -->
                            </div><!-- End .purchased-items-container -->

        			</div><!-- End .col-md-12 -->
        		</div><!-- End .row -->
			</div><!-- End .container -->
        
        </section><!-- End #content -->